'use client'

export default function GradientButton({
  title,
  fontSize = '13px',
  width = 'auto',
  height = 'auto',
  radius = '12px',
  onClick
}) {
  return (
    <div
      onClick={onClick}
      style={{
        fontSize,
        width,
        height,
        borderRadius: radius
      }}
      className="text-white bg-gradient-to-r from-[#8b5cf6] to-[#38bdf8]
                 shadow-[0_4px_20px_rgba(56,189,248,0.3)]
                 transition-all duration-500 ease-out
                 hover:shadow-[0_6px_30px_rgba(56,189,248,0.5)]
                 hover:-translate-y-[3px] hover:brightness-110
                 cursor-pointer px-[16px] py-[10px] font-medium text-center">
      {title}
    </div>
  )
}
